﻿@model IEnumerable<AceMobile.Models.Phones.Phone>
@functions{
    string trimString(string str, int leng){
        if ((str.Length > 10)&&(leng < str.Length))
        {
            return str.Substring(0, leng) + "...";
        }
        else
        {
            return str;
        }        
    }
}
@{
    ViewBag.Title = "Index";    
}

<link href="@Url.Content("~/Content/TableStyle.css")" rel="stylesheet"  type="text/css" />   
<script>
    function deleteProduct(ID, object) {
        if (confirm('Bạn có muốn xóa sản phẩm ' + object.getAttribute('data-delete') + '?')) {
            $.ajax({
                type: "POST",
                url: "@Url.Action("Delete")",
            data: {id: ID}
            })
            .done(function (result) {
                if (result.status == "Success") {
                    object.parentElement.parentElement.remove();
                    alert('Bạn đã xóa thành công sản phẩm ' + object.getAttribute('data-delete'));                    
                } else {
                    alert("Có lỗi trên server khi xóa sản phẩm này!");
                }
                
            });            
        }         
    }
</script>  


<h2>Quản lý điện thoại đang trong cơ sở dữ liệu</h2>
@Html.ActionLink("Quản lý hệ điều hành", "Index", "PhoneOSAdmin",null, new { style = "font-weight: bold; color: #ff6a00; display: inline; float: right" }) 
@Html.ActionLink("Quản lý nhà sản xuất", "Index", "PhoneProducerAdmin",null, new { style="font-weight: bold; color: #ff6a00; display: inline; float: right; margin-right: 20px" })
<style>
    #createnew a:hover
    {
        color: black;
    }
</style>
<p id="createnew">
    @Html.ActionLink("Tạo mới", "Create")
            
</p>        
<table>
    <tr>
        <th>
            @Html.LabelFor(a => Model.First().Name)
        </th>
        <th>
            @Html.LabelFor(a => Model.First().Size)
        </th>
        <th>
            @Html.LabelFor(a => Model.First().Price)
        </th>
                
        <th>
            @Html.LabelFor(a => Model.First().ManufacturingDate)
        </th>        
        <th>
            @Html.LabelFor(a => Model.First().MadeIn)
        </th>
        <th>
            @Html.LabelFor(a => Model.First().Amount)
        </th>
        <th>
            Số lượng từ đầu
        </th>
        <th>
            @Html.LabelFor(a => Model.First().ViewAmount)
        </th>
        <th>
            @Html.LabelFor(a => Model.First().PhoneOS)
        </th>
        <th>
            @Html.LabelFor(a => Model.First().PhoneProducer)
        </th>
        <th>
            Tác vụ
        </th>
    </tr>

@foreach (var item in Model) {
    <tr>
        <td title="@item.Name">
            @trimString(item.Name.ToString(), 12)
        </td>
        <td title="@item.Size">
            @trimString(item.Size.ToString(), 5)
        </td>
        <td title="@item.Price">
            @item.Price.ToString("#,##0")
        </td>                                
        <td title="@item.ManufacturingDate">
            @trimString(item.ManufacturingDate.GetDateTimeFormats()[0], 10)
        </td>   
        <td title="@item.MadeIn">
            @trimString(item.MadeIn.ToString(), 10)
        </td>  
        <td title="@item.Amount">
            @item.Amount
        </td> 
        <td title="@item.SumAmount">
            @item.SumAmount
        </td> 
        <td title="@item.ViewAmount">
            @item.ViewAmount
        </td> 
        <td title="@item.PhoneOS.Name">
            @trimString(item.PhoneOS.Name.ToString(), 10)
        </td>
        <td title="@item.PhoneProducer.Name">
            @trimString(item.PhoneProducer.Name.ToString(), 10)
        </td>                
        <td>
            @Html.ActionLink("Sửa", "Edit", new { id=item.ID }) |
            @Html.ActionLink("Chi tiết", "Details", new { id=item.ID }) |
            <span style="cursor: pointer" href="#" onclick="deleteProduct(@item.ID,this)" data-delete="@item.Name">Xóa</span>                    
        </td>
    </tr>
}        
</table>
        